<template>
  <div>
    <ul class="navList" v-show="$route.meta.cateShow">
      <router-link tag="li" to="/home">
        首页
      </router-link>
      <router-link tag="li" to="/shop">
        商城
      </router-link>
      <router-link tag="li" to="/live">
        直播
      </router-link>
      <router-link tag="li" to="/my">
        我的
      </router-link>
    </ul>
    <router-view></router-view>
  </div>

</template>

<style lang="scss" scoped>
.navList{
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #666666;
    background-color: #fff;
    z-index: 999;
  li{
    flex: 1; 
    height: 50px;
    line-height: 50px;
   
  }
 
}
.router-link-active,.router-link-exact-active{
color: #FF3F78;
}
</style>
